<div class="product-pic">
	<div class="product-query" style="display:flex;margin-bottom:10px">
        <label style="margin-right: 5px;margin-top:5px;">时间</label>
        <div class="product-query_time" style="margin-right: 5px;">
            <input class="DateAgent" id="product-startdatepicker" data-options="{'format':'d-h-m', 'mType': 'M5'}" value="">
        </div>
        <div class="query" title="查询">查询</div>
		<div class="product-pic-download">下载</div>
    </div>
    <div class="product-pic-view">
        <div class="product-pic-prev"></div>
        <img style="height:670px" class="model-pic" src="">
        <div class="product-pic-next"></div>
    </div>
</div>
<script type="text/javascript" src="/business/szyb/autoproduct-pic.js"></script>
<style>
.query{
    height: 25px;
    margin-top: 3px;
    border-radius: 3px;
	margin-left: 5px;
    color: #ffffff;
    margin-right: 10px!important;
    text-align: center;
    width: 45px;
    background: #769aa8;
    cursor: pointer;
    line-height: 25px;
}
.query:hover,.product-pic-download:hover{
    background:#3892e5;
}
.product-pic-download{
	text-align: center;
    width: 45px;
    height: 25px;
    margin-top: 3px;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
    background: #769aa8;
    color: #ffffff;
    line-height: 25px;
}
.product-pic-view{
    background: #fff;
}
.product-pic-prev{
    position: absolute;
    top: calc(calc(100% - 60px) / 2);
    width: 16px;
    height: 42px;
    cursor: pointer;
    left: 30px;
    background: url(../business/szyb/css/images/product-icon-prev.png) no-repeat center center;
    transform: rotate(0deg);
}
.product-pic-next{
    position: absolute;
    top: calc(calc(100% - 60px) / 2);
    width: 16px;
    height: 42px;
    cursor: pointer;
    right: 30px;
    background: url(../business/szyb/css/images/product-icon-prev.png) no-repeat center center;
    transform: rotate(180deg);
}
</style>